@media (min-width: 1600px) {
  .container {
    width: 1600px; } }
body {
  background-color: #f0f7ff; }

.font-blue {
  color: #1eb0f9; }

.font-green {
  color: #64d954; }

.font-orange {
  color: #ffba4a; }

.font-red {
  color: #ff5a76; }

.font-purple {
  color: #968afe; }

.font-minor {
  color: #838a9d; }

.navbar-top {
  margin-bottom: 0;
  background-image: linear-gradient(to right, #48a3fc 0, #5a91f5 100%); }
  .navbar-top .navbar-brand {
    padding: 0;
    padding-left: 20px;
    height: 66px; }
  .navbar-top .navbar-nav {
    padding-top: 8px; }
    .navbar-top .navbar-nav li .user-img {
      padding: 0;
      margin-right: 10px; }
    .navbar-top .navbar-nav li .dropdown-toggle-system {
      color: #fff;
      font-size: 18px; }
      .navbar-top .navbar-nav li .dropdown-toggle-system:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2); }
      .navbar-top .navbar-nav li .dropdown-toggle-system .caret {
        margin-left: 10px; }
    .navbar-top .navbar-nav li .dropdown-menu-system {
      min-width: 120px; }
    .navbar-top .navbar-nav .open .dropdown-toggle-system {
      background-color: rgba(255, 255, 255, 0.2);
      background-image: none;
      box-shadow: 0 0 0; }

.menu {
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 2px 10px #e2f0ff; }
  .menu .nav-menucustom {
    padding-top: 16px; }
    .menu .nav-menucustom li {
      position: relative;
      padding-bottom: 16px;
      padding-right: 16px; }
      .menu .nav-menucustom li a {
        height: 34px;
        line-height: 34px;
        padding: 0;
        padding: 0 30px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        border-radius: 4px;
        outline: 0; }
        .menu .nav-menucustom li a:before {
          display: none;
          content: "";
          position: absolute;
          top: 27px;
          left: 30px;
          width: 64px;
          height: 2px;
          background-color: #fff;
          border-radius: 4px; }
      .menu .nav-menucustom li .menu-blue {
        background-color: #60b8f7;
        border: 1px solid #2fa2f5;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #91cef9; }
        .menu .nav-menucustom li .menu-blue:hover {
          background-color: #7dc5f8; }
        .menu .nav-menucustom li .menu-blue:focus {
          background-color: #0c8be5; }
      .menu .nav-menucustom li .menu-green {
        background-color: #51cf86;
        border: 1px solid #33ba6c;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #79daa2; }
        .menu .nav-menucustom li .menu-green:hover {
          background-color: #69d697; }
        .menu .nav-menucustom li .menu-green:focus {
          background-color: #289255; }
      .menu .nav-menucustom li .menu-orange {
        background-color: #fac786;
        border: 1px solid #f8b055;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #fcdeb7; }
        .menu .nav-menucustom li .menu-orange:hover {
          background-color: #fbd5a3; }
        .menu .nav-menucustom li .menu-orange:focus {
          background-color: #f69a24; }
      .menu .nav-menucustom li .menu-red {
        background-color: #fc777a;
        border: 1px solid #fb4549;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #fda9ab; }
        .menu .nav-menucustom li .menu-red:hover {
          background-color: #fd9597; }
        .menu .nav-menucustom li .menu-red:focus {
          background-color: #fc777a; }
      .menu .nav-menucustom li .menu-purple {
        background-color: #c871db;
        border: 1px solid #b848d1;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #d89ae5; }
        .menu .nav-menucustom li .menu-purple:hover {
          background-color: #d189e1; }
        .menu .nav-menucustom li .menu-purple:focus {
          background-color: #9f2fb7; }
      .menu .nav-menucustom li .dropdown-toggle-gis {
        top: 70%;
        min-width: 168px;
        padding: 4px;
        background-color: #fc777a;
        border: 1px solid #fc777a;
        box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
        .menu .nav-menucustom li .dropdown-toggle-gis li {
          padding: 0; }
          .menu .nav-menucustom li .dropdown-toggle-gis li a:hover {
            color: #fb4549;
            background-image: none;
            background-color: #fedbdc; }
      .menu .nav-menucustom li .dropdown-toggle-basis {
        top: 70%;
        min-width: 140px;
        padding: 4px;
        background-color: #51cf86;
        border: 1px solid #51cf86;
        box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
        .menu .nav-menucustom li .dropdown-toggle-basis li {
          padding: 0; }
          .menu .nav-menucustom li .dropdown-toggle-basis li a:hover {
            color: #33ba6c;
            background-image: none;
            background-color: #a1e5be; }
    .menu .nav-menucustom .open .menu-red {
      border-color: #fc777a; }
      .menu .nav-menucustom .open .menu-red:focus {
        border-color: #fc777a; }
  .menu .dropdown-quick {
    margin-top: 16px;
    width: 120px;
    height: 34px;
    color: #fff;
    font-size: 16px;
    background-image: none;
    background-color: #60b8f7;
    border: 1px solid #2fa2f5;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #91cef9; }
    .menu .dropdown-quick:hover {
      color: #fff;
      border: 1px solid #2fa2f5;
      background-color: #91cef9; }
    .menu .dropdown-quick:active {
      color: #fff !important;
      border: 1px solid #2fa2f5 !important;
      background-color: #2fa2f5 !important; }
    .menu .dropdown-quick:focus {
      color: #fff;
      border: 1px solid #2fa2f5 !important;
      background-color: #2fa2f5 !important; }
    .menu .dropdown-quick:visited {
      color: #fff !important;
      border: 1px solid #2fa2f5 !important;
      background-color: #2fa2f5 !important; }
  .menu .open > .dropdown-quick:focus, .menu .open > .dropdown-quick:hover, .menu .open > .dropdown-quick:active, .menu .open > .dropdown-quick:visited {
    color: #fff !important;
    border: 1px solid #2fa2f5 !important;
    background-color: #2fa2f5 !important; }
  .menu .dropdown-menu-quick {
    min-width: 120px;
    border: 1px solid #2fa2f5;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.2) inset, 0 0 10px #91cef9; }
    .menu .dropdown-menu-quick li a {
      margin: 0 10px;
      height: 30px;
      line-height: 1.8;
      text-align: center;
      border-bottom: 1px solid #f0f0f0;
      border-radius: 4px; }
      .menu .dropdown-menu-quick li a:hover {
        background-image: none;
        background-color: #1eb0f9;
        border: 0;
        color: #fff; }
      .menu .dropdown-menu-quick li a:focus {
        background-image: none;
        background-color: #1eb0f9;
        border: 0;
        color: #fff; }

.main-box {
  padding-top: 10px;
  padding-bottom: 10px; }
  .main-box .row {
    margin-right: -10px;
    margin-left: -10px; }
    .main-box .row .col-lg-1, .main-box .row .col-lg-10, .main-box .row .col-lg-11, .main-box .row .col-lg-12, .main-box .row .col-lg-2, .main-box .row .col-lg-3, .main-box .row .col-lg-4, .main-box .row .col-lg-5, .main-box .row .col-lg-6, .main-box .row .col-lg-7, .main-box .row .col-lg-8, .main-box .row .col-lg-9, .main-box .row .col-md-1, .main-box .row .col-md-10, .main-box .row .col-md-11, .main-box .row .col-md-12, .main-box .row .col-md-2, .main-box .row .col-md-3, .main-box .row .col-md-4, .main-box .row .col-md-5, .main-box .row .col-md-6, .main-box .row .col-md-7, .main-box .row .col-md-8, .main-box .row .col-md-9, .main-box .row .col-sm-1, .main-box .row .col-sm-10, .main-box .row .col-sm-11, .main-box .row .col-sm-12, .main-box .row .col-sm-2, .main-box .row .col-sm-3, .main-box .row .col-sm-4, .main-box .row .col-sm-5, .main-box .row .col-sm-6, .main-box .row .col-sm-7, .main-box .row .col-sm-8, .main-box .row .col-sm-9, .main-box .row .col-xs-1, .main-box .row .col-xs-10, .main-box .row .col-xs-11, .main-box .row .col-xs-12, .main-box .row .col-xs-2, .main-box .row .col-xs-3, .main-box .row .col-xs-4, .main-box .row .col-xs-5, .main-box .row .col-xs-6, .main-box .row .col-xs-7, .main-box .row .col-xs-8, .main-box .row .col-xs-9 {
      padding-right: 10px;
      padding-left: 10px; }

.component-box {
  margin: 10px 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px #e2f0ff; }
  .component-box .component-title {
    height: 66px;
    line-height: 66px;
    padding-left: 20px;
    font-size: 0; }
    .component-box .component-title .v-line {
      display: inline-block;
      vertical-align: middle;
      width: 4px;
      height: 20px;
      margin-right: 12px;
      background-color: #60b8f7;
      border-radius: 2px; }
    .component-box .component-title .text {
      display: inline-block;
      vertical-align: middle;
      font-size: 18px;
      font-weight: bold;
      color: #3c4353;
      letter-spacing: 2px; }
      .component-box .component-title .text:hover {
        text-decoration: none; }
  .component-box .component-label {
    padding: 24px 0; }
    .component-box .component-label .nav-pills li a {
      color: #c5c5c5;
      font-size: 18px;
      font-weight: bold;
      padding: 0 30px;
      border-right: 1px solid #c5c5c5;
      border-radius: 0; }
    .component-box .component-label .nav-pills li:last-child a {
      border-right: 0; }
    .component-box .component-label .nav-pills li + li {
      margin-left: 0; }
    .component-box .component-label .nav-pills .active a {
      color: #3c4353;
      background-color: #fff; }

.big-height {
  height: 370px; }

.right-five-height {
  height: 250px;
  margin-bottom: 20px; }

.right-four-height {
  height: 218px; }

.component-content {
  padding: 0 36px; }
  .component-content .list-group-custom {
    box-shadow: 0 0 0; }
    .component-content .list-group-custom a {
      color: #3c4353;
      border: 0;
      padding: 8px 0; }
      .component-content .list-group-custom a .badge {
        background-color: transparent;
        color: #838a9d;
        font-weight: normal;
        padding: 3px 0; }
      .component-content .list-group-custom a span {
        display: inline-block;
        line-height: 1;
        max-width: 310px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .component-content .list-group-custom a .region {
        margin-right: 120px; }
      .component-content .list-group-custom a .big-title {
        max-width: 460px; }

.panel-statistical-main {
  margin: 0;
  box-shadow: 0 0 0;
  border: 0;
  text-align: center; }
  .panel-statistical-main .panel-body {
    display: inline-block;
    line-height: 1;
    border-radius: 4px; }
    .panel-statistical-main .panel-body:hover {
      text-decoration: none;
      background-color: #f5faff; }
    .panel-statistical-main .panel-body .statistical-number {
      font-size: 38px;
      font-weight: bold; }
    .panel-statistical-main .panel-body .statistical-name {
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      font-weight: bold;
      color: #3c4353; }

.statistical-big {
  width: 320px;
  margin-left: 50px; }
  .statistical-big .panel-statistical-main {
    text-align: left; }
    .statistical-big .panel-statistical-main .statistical-number, .statistical-big .panel-statistical-main .statistical-name {
      text-align: center; }
